<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./首页.css">
</head>

<body>
    <div class="nav">
        <div class="in">
            <div class="menu">
                <a href="./时钟.html">时钟</a>
            </div>
            <div class="menu-1">
                <a href="./计算器.html">计算器</a>
            </div>
            <div class="menu-2">
                <a href="#"></a>
            </div>
            <div class="menu-3">
                <a href="https://gitee.com/houer-er/frist">仓库</a>
            </div>
        </div>
        <div class="on">
            <img src="./java.png" width="450" style="margin-left: 190px; margin-top: 40px;">
            <img src="./script.png" style="margin-left: 500px;">
        </div>
        <div class="container">
            <div class="bubble">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
            <div class="bubble">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
            <div class="bubble">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
            <div class="bubble">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
            <div class="bubble">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </div>
</body>

</html>